.con-person{
    /* margin: 10px; */
    display: flex;
}

.person-card{
    width: 55%;
    height: 640px;
    background-color: #ffffff;
    margin: 20px;
    padding: 10px 15px;
    vertical-align: middle;

    border-radius: 15px;
    box-shadow: 0 0 10px #b5b5b5;
}

.head-show{
    height: 160px;
    width: 160px;
    border: 1px solid rgb(171, 171, 171);
    margin: 0 10px 0 0;
    border-radius: 4px;
}
#mimg{
    max-height: 158px;
    width: 158px;
    /* border: 1px solid rgb(171, 171, 171); */
    margin: 0 10px 0 0;
    border-radius: 4px;
    /* position: absolute; */
    font-size: 16px;
    color: rgb(170, 170, 170);
}
.head-sel{
    font-size: 18px;
}
#headsel{
    width: 92px;
    opacity: 0;
    cursor: pointer;
    top: 0;
    left: 0;
    position:absolute;
}
.selbeautify{
    cursor: pointer;
    width: 92px;
    height: 30px;

    display:block;
    /* margin:0 auto; */
    border: 0;
    border-radius: 3px;

    background: #0e92d2;
    color: #fff;
    
    outline: none;
    position: relative;
}
.per-head{
    margin: 10px;
    /* position: relative; */
}
.per-email,.per-name, .per-tel, .per-password{
    display: flex;
    margin: 20px 10px;
    /* width: 100%; */
    /* width: 594px; */
}
.mname, .mpwd, .mtel, .memail{
    font-size: 18px;
    width: 100px;
}
.mhead{
    width: 100px;
    margin: 5px 0 0 0;
    font-size: 18px;
    /* position: absolute;
    left: 0;
    bottom: 0; */
}
#nametxt, #pwdtxt, #teltxt, #emailtxt{
    width: 300px;
    /* border: 0; */
    border: 1px solid rgb(170,170,170);
    outline: none;
    border-radius: 4px;
    font-size: 22px;
}

#nametxt:focus{
    border-style:solid;
    /* border-color: #03a9f4; */
	box-shadow: 0 0 5px rgb(91, 176, 215);
    transition: all 0.3s;
}
#pwdtxt:focus{
    border-style:solid;
    /* border-color: #03a9f4; */
	box-shadow: 0 0 5px rgb(91, 176, 215);
    transition: all 0.3s;
}
#teltxt:focus{
    border-style:solid;
    /* border-color: #03a9f4; */
	box-shadow: 0 0 5px rgb(91, 176, 215);
    transition: all 0.3s;
}
#name-change, #pwd-change, #tel-change, #name-save, #pwd-save, #tel-save{
    /* border: 0; */
    margin: 0 0 0 12px;
    display:block;
    /* margin:0 auto; */

    font-size: 16px;
    width: 80px;
    height: 30px;

    border: 0;
    border-radius: 3px;

    background: #0e92d2;
    color: #fff;
    
    outline: none;
}
#pwd-change, #tel-change{
    margin: 0 0 0 49px;
}

.addr-card{
    width: 40%;
    height: 640px;
    background-color: #ffffff;
    margin: 20px;
    padding: 10px 15px;
    vertical-align: middle;

    border-radius: 15px;
    box-shadow: 0 0 10px #b5b5b5;
}

.addr-block{
    height: 118px;
    width: 100%;
    background-color: #ffffff;
    box-shadow: 0 0 8px #b5b5b5;
    margin: 15px 0 0 0;
    border-radius: 8px;
    padding: 5px 10px 10px 10px;
}
/* 浮动效果 */
.addr-block{
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    }
.addr-block:hover{
	-webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    }

.myaddr{
    /* width: 100%; */
    display: block;
    font-size: 17px;
    margin: 5px auto;
    resize: none;
    outline: none;
    border-radius: 4px;
    border: 0;
    background-color: white;
    height: 34px;
    /* line-height: 34px; */
    /* vertical-align: middle; */
    /* justify-content: center; */
}

.addr-manage{
    border-top: 1px solid rgb(170, 170, 170);
    /* border: 1px solid white; */
    position: relative;
    margin: 2px 0 0 0;
}
.addr-manage::before{
    content: "";
    display: table;
}

.addr-manage::after{
    content: "";
    display: table;
    clear: both;
}
.change-addr, .save-addr, .del-addr{
    font-size: 15px;
    margin: 5px 0 0 0;

    /* 按钮样式 */
    display:block;
    /* margin:0 auto; */
    width: 60px;
    height: 30px;
    border: 0;
    border-radius: 3px;
    background: #0e92d2;
    color: #fff;
    outline: none;
}
.del-addr{
    float: left;
}
.change-addr, .save-addr{
    float: right;
    margin: 5px 0 0 5px;

}
.card-head{
    position: relative;
}
.add-addr{
    height: 30px;
    width: 30px;
    
    line-height: 30px;
    font-size: 28px;

    border-radius: 100%;
    float: right;
    border: 0;
    margin: 5px 3px 0 0;
    background: #0e92d2;
    color: #fff;
    outline: none;
    /* display: block; */
}
.def-addr{
    height: 20px;
    display: flex;
    text-align: center;
}
.radio-txt{
    color: rgb(170, 170, 170);
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 4px 5px;
}